<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
			<link rel="stylesheet" type="text/css" href="bootstrap/assert/bootstrap-3.3.7-dist/css/bootstrap.css"/>
		<title></title>
	</head>
	<body>
	<ol class="breadcrumb">
		  <li><a href="#">音乐列表</a></li>
	</ol>
		<div class="panel panel-primary">
			<div class="panel-heading">
				<span class="glyphicon glyphicon-list"></span>
				音乐列表
			</div>
			<div class="panel-body">
				<div class="btn-group">
					<a  href="music_add.html" class="btn btn-primary" style="margin: 0 5px 20px 5px;">
						<span class="glyphicon glyphicon-plus">&nbsp;上传音乐</span>
						</a>
					<button class="btn btn-danger" style="margin-bottom: 20px;">
						<span class="glyphicon glyphicon-trash">&nbsp;删除音乐</span>
					</button>
				</div>
				<table class="table table-bordered table-striped table-condensed">
					<tr>
						<th><input type="checkbox" name="" id=""></th>
						<th>序号</th>
						<th>歌曲名</th>
						<th>歌手</th>
						<th>专辑</th>
						<th>风格</th>
						<th>路径</th>
						<th>大小</th>
						<th>上传时间</th>
						<th>操作</th>
					</tr>
				<tr>
					<td><input type="checkbox" name="" id=""></td>
					<td>1</td>
					<td>大苹果</td>
					<td>黄月月</td>
					<td>小男孩</td>
					<td>广场舞</td>
					<td>小苹果.mp3</td>
					<td>3.3MB</td>
					<td>2020/6/11</td>
					<td>
						<button class="btn btn-info btn-sm">详情</button>
						<button class="btn btn-danger btn-sm">删除</button>
					</td>
				</tr>
				</table>
				<!-- 分页	 -->
				<div class="Page navigation" align="center">
					<ul class="pagination">
						<li>
							<a href="#">
								<span aria-hidden="true">&laquo;</span>
							</a>
						</li>
						<li class="active"><a href="">1</a></li>
						<li><a href="">2</a></li>
						<li><a href="">3</a></li>
				
						 <li>
						      <a href="#" >
						        <span aria-hidden="true">&raquo;</span>
						      </a>
						    </li>
					</ul>
				</div>
			</div>
		</div>
	</body>
</html>
